<!--主页轮播图部分-->
<script setup>
import {getBannerStore} from "@/stores/getBannerStore.js";
const bannerStore = getBannerStore();

</script>

<template>
  <div class="home-banner">
    <el-carousel height="500px" type="card">
      <el-carousel-item v-for="banner in bannerStore.bannerList" :key="banner.id">
        <img v-ima-lazy="`./src/assets/images/${banner.image}`" alt="" src="">
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<style scoped lang='scss'>
.home-banner {
  width: 1240px;
  //width: auto;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 98;

  img {
    width: 1240px;
    height: 500px;

  }

}
</style>